$theme-color: #95d475;
$theme-color-info: #909399;
$theme-color-text: #303133;
$theme-border: rgb(197, 197, 197);
$title-size: 1.5rem;
$info-line-height: 2rem;
$hover-bkg: rgb(235, 235, 235);
$main-font-size: 16px;

.title {
    font-size: $title-size;
    border-bottom: 1px solid $hover-bkg;
}

.text {
    line-height: $info-line-height;
    font-size: $main-font-size;
}

* {
    margin: 0;
    padding: 0;
}

h1 {
    border-left: 3px solid $theme-color;
    background-color: rgba($color: $theme-color, $alpha: 0.1);
}

h1,
h2,
h3 {
    //文章标题颜色
    color: $theme-color !important;
}

strong{
    color: $theme-color;
}

//右侧滚动条↓
::-webkit-scrollbar {
    width: 0.5rem;
}

::-webkit-scrollbar-thumb {
    background-color: $theme-color;
    border-radius: 0.25rem;
    cursor: pointer;
}

::-webkit-scrollbar-track {
    background-color: white;
}

.main-page {
    padding: 0px 10px;
}

@font-face {
    font-family: '苍耳'; // 自定义字体名称
    src: url("./assets/font/W02.ttf") format("truetype");
}

@font-face {
    font-family: '苍耳2'; // 自定义字体名称
    src: url("./assets/font/W05.ttf") format("truetype");
}


button {
    background: none;
    color: #909399;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

.button-action {
    color: white;
    background-color: $theme-color;
}


.info-text {
    color: #909399;
}